@import '../variables';
.header-nav {
    float:right;
    margin-right:10px;
    line-height: 74px;
    a {
        color:#fff;
    }
    .router-link-active {
        color:$primary-color;
    }
}
.cubes {
    width:200px;
    height:40px;
    background:#fff;
    float:left;
    margin:17px 0 17px 17px;
    border-radius: 3px;
    position: relative;
    cursor: pointer;
    .h2 {
        width:100%;
        height:40px;
        line-height: 40px;
        padding-left:20px;
        position: absolute;
        top:0;
        left:0;
    }
    .anticon {
        position: absolute;
        top:12px;
        right:10px;
    }
    .cube-list {
        position: absolute;
        top:40px;
        left:0px;
        background: #fff;
        width:100%;
        z-index: 1000;
        line-height: 40px;
        padding:10px 0;
        border:1px solid #f0f0f0;
        display: none;
        max-height: 400px;
        overflow: auto;
        .item {
            padding:0 10px;
        }
        .item:hover {
            background:#f0f3f6;
        }
    }
}
.cubes:hover {
    .cube-list {
        display: block;
    }
}

.search {
    margin:0 260px 0 680px;
    padding-top:17px;
    padding-right:130px;
    position: relative;
    .cloud-btn {
        position: absolute;
        top:17px;
        right:0px;
        color:#fff;
        border-color: #fff;
    }
    
    
    .ant-input-group-addon {
        .ant-btn-primary {
            background-color: #fff;
            color:#666;
            border-color: #fff;
        }
    }
}